<form nz-form (ngSubmit)="submit()">

  <nz-form-item>
    <nz-form-label nzSpan="4">SpringBoot版本</nz-form-label>
    <nz-form-control nzSpan="20">
      <nz-radio-group [(ngModel)]="param.bootVersion" name="bootVersion">
        <ng-container *ngFor="let item of data.bootVersion.values">
          <label nz-radio-button [nzValue]="item.id">{{item.name}}</label>
        </ng-container>
      </nz-radio-group>
    </nz-form-control>
  </nz-form-item>

  <nz-form-item>
    <nz-form-label nzSpan="4">Group</nz-form-label>
    <nz-form-control nzSpan="10">
      <input nz-input [(ngModel)]="param.groupId" name="groupId"/>
    </nz-form-control>
  </nz-form-item>

  <nz-form-item>
    <nz-form-label nzSpan="4">Artifact</nz-form-label>
    <nz-form-control nzSpan="10">
      <input nz-input [(ngModel)]="param.artifactId" name="artifactId"/>
    </nz-form-control>
  </nz-form-item>

  <nz-form-item>
    <nz-form-label nzSpan="4">Description</nz-form-label>
    <nz-form-control nzSpan="10">
      <input nz-input [(ngModel)]="param.description" name="description"/>
    </nz-form-control>
  </nz-form-item>

  <nz-divider></nz-divider>

  <ng-container *ngFor="let item of data.dependencies.values">

    <nz-form-item>
      <nz-form-label nzSpan="4">{{item.name}}</nz-form-label>
      <nz-form-control nzSpan="20">
        <ng-container *ngFor="let item1 of item.values">
          <label nz-tooltip [nzTooltipTitle]="item1.description" nz-checkbox [(ngModel)]="param.dependencies[item1.id]"
                 [ngModelOptions]="{standalone: true}">{{item1.name}}</label>
        </ng-container>

      </nz-form-control>
    </nz-form-item>

  </ng-container>

  <nz-form-item>
    <nz-form-control nzSpan="14" nzOffset="4">
      <button nz-button nzType="primary">提交</button>
    </nz-form-control>
  </nz-form-item>

  <a href="https://start.spring.io/metadata/client" download="client.json" target="_blank">最新json</a>
</form>
